<template>

<div class="footer">

 
      <h1> <span class="glyphicon glyphicon-leaf"></span> 合作伙伴</h1>
     <ul class="nav"  >
    <li class="nav-item">
      <a href="#">
      <img class="media-object" src="../images/运动1.jpg"  alt="..." width="40px" height="40px" >
    </a>
    </li>
    <li class="nav-item">
       <a href="#">
      <img class="media-object" src="../images/运动2.jpeg"  alt="..." width="40px" height="40px" >
    </a>
    </li>
    <li class="nav-item">
      <a href="#">
      <img class="media-object" src="../images/运动3.jpg"   alt="..." width="40px" height="40px" >
    </a>
    </li>
   <li class="nav-item">
      <a href="#">
      <img class="media-object" src="../images/运动4.jpg"   alt="..." width="40px" height="40px" >
    </a>
    </li>
      <li class="nav-item">
      <a href="#">
      <img class="media-object" src="../images/运动5.jpg"   alt="..." width="40px" height="40px" >
    </a>
    </li>
  
  </ul>
 
</div>
  
    
</template>

<script>
export default {

}
</script>

<style scoped>
h1{
    text-align: center;
}
.footer{
     justify-content: space-around ;
     left: 0;
     right: 0;
     margin: 0;
     
     padding-bottom: 50px;
}

li{
    padding: 1px;
}


</style>
